*{
    margin: 0;
    padding: 0;
}
.nav{
    position: fixed;
    height: 60px;
    width: 100%;
    background-color: white;
    z-index: 100;
}
.icon{
    height: 22px;
    width: 107px;
    margin:15px 24px;
}
.icon img{
    height: 30px;
    width: 100px;
}
.haed1{
    position: relative;
    width: 1200px;
    margin: 0 auto;/*使居中*/
}
.head1 ul{
    list-style: none;
    position:absolute;
    left: 140px;
    height:60px;
    top:50%;/*，使居中。设置span时，margin为0*/
    margin-top: -30px;
    font-size: 20px;
    line-height: 20px;;/*行居中*/
    /*top的50%是以文字顶部为界限*/
}
.head1 ul li{
    float: left;
    height:60px;
    width: 52px;
}

.head1 ul li a{
    text-decoration: none;
}
.head1 ul li a span{
    color:rgb(81,87,103);
    font-family: -apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial!important;
    font-size: 14.004px;
    line-height:60px ;
}
.head1 ul li:first-child a span{
    color:rgb(30,128,255)
}

/*百搜索框*/
#search{
    position: relative;
    height:44px;
    width:350px;
    margin:0 auto;
    /*background-color:aliceblue;*/
    top:-35px;
}
/*搜索input框div*/
#search-input{
    height:44px;
    width:300px;
    /*background-color: plum;*/
    float:left;
}
/*实际搜索input框*/
#search-input input{
    height:16px;
    width:300px;
    border:1px solid #c4c7ce;
    padding:12px 87px 12px 16px;
    /*圆角，只有左上角和左下角有*/
    border-radius:5px;
    font-size: 14px;

}

/*实际搜索框 添加伪类：悬停*/
#search-input input:hover{
    border-color: #a7aab5;
    border-right-color: #4e6ef2;
 }
/*获取焦点*/
#search-input input:focus{
    border-color: #4e6ef2;
    outline: none;
 }

/*搜索input按钮div*/
#search-btn{
    height:30px;
    width:44px;
    /*background-color: palegoldenrod;*/
    float:left;/*造梦锅自己加上去的*/
}
/*实际搜索input按钮
#search-btn{
    height:30px;
    width:44px;
    border-radius:3px;
    border:0; /*去掉默认的边框
    background-color:rgb(242,243,245);
    font-size:17px;
    color:black;
    position: relative;
    right:0;
}*/
.zhuce{
    height: px;
    line-height: 40px;
    width: 70px;
    font-size: 16px;
    float: right;
    position: relative;
    top:-80px;
    right:70px;
    background: rgba(30,128,255,.05);
    border: 1px solid rgba(30,128,255,.3);
    border-radius: 4px;
    padding: .3rem 1rem;
    color: #007fff;
    font-weight: 400;

    /*overflow: hidden;*/
    
}
.zhuce span{
    text-align: center;
}
.zhuce span:hover{
    cursor: pointer;
}
/*设置隐藏的框（绝对定位）*/
#hide-div{
    position: absolute;
    top:80px;
    right:40px;
    width:300x;
    height:250px;
    background-color: white;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);
    border-radius: 12px;
    display:block;
    text-align:center;
    display: none;
}
#hide-div img{
    height: 200px;
    width: 300px;
}


/*为父标签设置伪类，控制子标签*/
.zhuce:hover #hide-div{
    display:block;
}
.left{
    background-color: #007fff;
    position: relative;
    width: 150px;
    height: 450px;
    top:110px;
    left:210px;
}
.top{
    width: 820px;
    height: 166px;
    background-color: #a7aab5;
    position: relative;
    top:-350px;
    margin:0 auto;
}
.main{
    height: 10000px;
    background-color: aqua;
}